<template>
	<div>山重水复疑无路，柳暗花明又一村</div>
	<p>人有悲欢离合，月有阴晴圆缺</p>
</template>

<script>
	export default {
		setup() {
			console.log('hello world');
			const testFunction = () => {
				console.log('hello es6');
			}

			function time() {
				setTimeout(() => {
					console.log('timer');
				}, 1000)
			}
			const testFunction1 = async () => {
				await time()
				console.log('hello es6');
			}

			return {
				testFunction,
				testFunction1
			}
		}
	}
</script>

<style>
	/* 如果在这设置与main。js引入的样式冲突，那么main.js的权值更大 */
	/* 但是如果添加了!important就会引入这边的css样式 */
</style>
